<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>    
<%@ include file="/include/jsp/baseContent.jsp"%>
<%
String level = (String)session.getAttribute("english_level");
String goalLv = request.getParameter("goalLv");
String lectureTab = request.getParameter("lectureTab");
%>
<link type="text/css" href="css/calendar/ui.all.css" rel="stylesheet" />
<link type="text/css" href="css/calendar/demos.css" rel="stylesheet" />   
<script type="text/javascript" src="js/common.js"></script> 
<style type="text/css">
<!--
.portfolioBg2 {
border:2px solid #ffffff; width:100%; background:#dcdcdc; text-align:right;
}

.portfolioBgGoal {
border:2px solid #ffffff; width:100%; background:#ee82ee; text-align:right;
}

.portfolioBgNow {
border:2px solid #ffffff; width:100%; background:#c8d7ff; text-align:right;
}

.lectureBoxCE {border:2px solid #ffe650; background:#ffffff; width:100%; height:100%;}	/* yellow */
.lectureBoxCS {border:2px solid #147814; background:#ffffff; width:100%; height:100%;}	/* green */
.lectureBoxSE {border:2px solid #eb0000; background:#ffffff; width:100%; height:100%;}	/* red */
.lectureBoxIT {border:2px solid #ff8200; background:#ffffff; width:100%; height:100%;}	/* orange */
.lectureBoxIS {border:2px solid #0000ff; background:#ffffff; width:100%; height:100%;}	/* blue */
.lectureBoxAL {border:2px solid #828282; background:#ffffff; width:100%; height:100%;}	/* gray */

.lectureBox {border:2px solid #7b68ee; background:#ffffff; width:100%; height:36px;}	/* puple */
-->
</style>

<script type="text/javascript">
<!--//
//-->
</script>	
<div style="margin:auto; text-align:center;">
	<!--// 컨텐츠 영역 -->
	<div id="mainContainer">
	<!-- //##### Contents START ############################# -->		
			<table class="<%if("8".equals(goalLv)){%>portfolioBgGoal<%}else{%>portfolioBg2<%}%>">
				<tr height="40px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 8 </td>
				</tr>
			</table>
			<table class="<%if("7".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 7 </td>
				</tr>
			</table>
			<table class="<%if("6".equals(level)){%>portfolioBgNow<%}else if("6".equals(goalLv)){%>portfolioBgGoal<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 6 </td>
				</tr>
			</table>
			<table class="<%if("5".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 5 </td>
				</tr>
			</table>
			<table class="<%if("4".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 4 </td>
				</tr>
			</table>
			<table class="<%if("3".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 3 </td>
				</tr>
			</table>
			<table class="<%if("2".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 2 </td>
				</tr>
			</table>
			<table class="<%if("1".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 1 </td>
				</tr>
			</table>
			<table class="<%if("0".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="40px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 0 </td>
				</tr>
			</table>

			<div id="layerLvl08" style="width:100%; height:48px; position:absolute; top:38px; left:5px;">
				<table id="tbl01_m" style="width:100%;text-align:center;">
					<colgroup>
						<col width="40%">
						<col width="20%">
						<col width="40%">
					</colgroup>	
					<tr height="48px">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="5px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="6px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="3px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBox" onclick="clickLecture(this, 'all', '2', '<%=lectureTab%>', '4', 'i650');"
							                        onmouseover="document.getElementById('lvl05infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl05infobox').style.visibility='hidden';">
								<table><tr><td>Critical Thinking<br>and Scientific Discussions</td></tr></table>
								<div id="lvl05infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i650 <br> credits : 2 <br> Area : ALL </td></tr></table>
								</div>
							</div>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="3px">
						<td colspan="3"></td>
					</tr>
					<tr height="52px">
						<td colspan="3" align="center">
							<table style="height:100%;">
								<tr>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'all', '2', '<%=lectureTab%>', '3', 'i228');"
									                        onmouseover="document.getElementById('lvl04-1infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl04-1infobox').style.visibility='hidden';">
										<table><tr><td>English III<br>(E301)</td></tr></table>
										<div id="lvl04-1infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : i228 <br> credits : 2 <br> Area : ALL </td></tr></table>
										</div>
									</div>
									</td>
									<td style="width:10px;">&nbsp;</td>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'all', '2', '<%=lectureTab%>', '3', 'i229');"
									                        onmouseover="document.getElementById('lvl04-2infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl04-2infobox').style.visibility='hidden';">
										<table><tr><td>English III<br>(E302)</td></tr></table>
										<div id="lvl04-2infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : i229 <br> credits : 2 <br> Area : ALL </td></tr></table>
										</div>
									</div>
									</td>
									<td style="width:10px;">&nbsp;</td>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'all', '2', '<%=lectureTab%>', '3', 'i230');"
									                        onmouseover="document.getElementById('lvl04-3infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl04-3infobox').style.visibility='hidden';">
										<table><tr><td>English III<br>(E303)</td></tr></table>
										<div id="lvl04-3infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : i230 <br> credits : 2 <br> Area : ALL </td></tr></table>
										</div>
									</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr height="3px">
						<td colspan="3"></td>
					</tr>
					<tr height="52px">
						<td colspan="3" align="center">
							<table style="height:100%;">
								<tr>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '3', 'i124');"
									                        onmouseover="document.getElementById('lvl03-1infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl03-1infobox').style.visibility='hidden';">
										<table><tr><td>English II<br>(E101)</td></tr></table>
										<div id="lvl03-1infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : i124 <br> credits : 2 <br> Area : G </td></tr></table>
										</div>
									</div>
									</td>
									
									<td style="width:10px;">&nbsp;</td>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '3', 'i125');"
									                        onmouseover="document.getElementById('lvl03-2infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl03-2infobox').style.visibility='hidden';">
										<table><tr><td>English II<br>(E102)</td></tr></table>
										<div id="lvl03-2infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : i125 <br> credits : 2 <br> Area : G </td></tr></table>
										</div>
									</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr height="3px">
						<td colspan="3"></td>
					</tr>
					<tr height="52px">
						<td colspan="3" align="center">
							<table style="height:100%;">
								<tr>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '2', 'o033');"
									                        onmouseover="document.getElementById('lvl02-1infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl02-1infobox').style.visibility='hidden';">
										<table><tr><td>English I<br>(E001)</td></tr></table>
										<div id="lvl02-1infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : o033 <br> credits : 2 <br> Area : G </td></tr></table>
										</div>
									</div>
									</td>
									<td style="width:10px;">&nbsp;</td>
									<td style="width:200px; text-align:center; ">
									<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '2', 'o034');"
									                        onmouseover="document.getElementById('lvl02-2infobox').style.visibility='visible';" 
									                        onmouseout="document.getElementById('lvl02-2infobox').style.visibility='hidden';">
										<table><tr><td>English I<br>(E002)</td></tr></table>
										<div id="lvl02-2infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
											<table><tr><td align="center"> code : o034 <br> credits : 2 <br> Area : G </td></tr></table>
										</div>
									</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr height="6px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
				</table>
			</div>
			
			
	<!-- //##### Contents END ############################# -->
	</div>
	<!--// 컨텐츠 영역 -->
</div>